<template>
  <div style="width: 100%;height: 350px; overflow:auto;">
    <div class="danger">舜华路停车场<span style="float: right">24小时未上传数据</span></div>
    <div class="danger">万达广场停车场<span style="float: right">24小时未上传数据</span></div>
    <div class="danger">丁豪广场停车场<span style="float: right">24小时未上传数据</span></div>
    <div class="danger">泉城路停车场<span style="float: right">24小时未上传数据</span></div>
  </div>
</template>

<script>
  import ElTag from '../../../../node_modules/element-ui/packages/tag/src/tag'
  import ElRow from 'element-ui/packages/row/src/row'

  export default {
    components: { ElRow, ElTag }, data() {
      return {
        list: []
      }
    },
    filters: {
      statusFilter(status) {
        const statusMap = {
          success: 'success',
          pending: 'danger'
        }
        return statusMap[status]
      }
    },
    created() {

    },
    methods: {
      handleCurrentChange(val) {
      }
    }
  }
</script>

<style scoped>
  .danger{
    width: 100%;
    height: 2em;
    line-height: 2em;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #F56C6C;
    font-size: 0.8em;
    color: #FFFFFF;
    padding:0 5px;
  }
</style>
